<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1">
    <title>jQuery Mobile Web 应用程序</title>

    <!-- css -->
    <link href="css/jquery.mobile-1.4.0.min.css" rel="stylesheet" type="text/css"/>
    <link href="css/jquery.mobile.datepicker.css" rel="stylesheet" type="text/css"/>
    <link href="css/my.css" rel="stylesheet" type="text/css"/>
    <link href="css/myScroll.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/jquery.toastmessage.css" rel="stylesheet" type="text/css">
    <link href="css/myDate.css" rel="stylesheet" type="text/css"/>

    <!-- js -->
    <script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="js/jquery.mobile-1.4.0.min.js" type="text/javascript"></script>
    <script src="js/jquery.mobile.datepicker.js" type="text/javascript"></script>
    <script src="js/jquery.ui.datepicker.js" type="text/javascript"></script>
    <script src="js/jquery.ui.datepicker-zh-CN.js" type="text/javascript"></script>
    <script src="js/jquery.toastmessage.js" type="text/javascript"></script>
    <script src="js/iscroll.js" type="text/javascript"></script>
    <script src="js/myDate.js" type="text/javascript"></script>
    <script src="js/myDateFlip.js" type="text/javascript"></script>
    <script src="js/myDatei18n.js" type="text/javascript"></script>

    <script src="js/constant.js" type="text/javascript"></script>
    <script src="js/department.js" type="text/javascript"></script>
    <script src="js/dbzb.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(function () {
            initPcPerson();
        });

    </script>
</head>
<body>
<!-- 带班值班1 -- 查询结果页面(公司层面) -->
<div data-role="page" id="dbzb1" data-add-back-btn="true">
    <div data-role="header" data-theme="b" style="height: 3.5em">
        <a href="index2.html" data-ajax="false" data-role="button" class="ui-btn-left" data-icon="arrow-l"
           data-iconpos="notext"></a>

        <h1 style="font-size: large">带班值班</h1>

        <a class="ui-shadow ui-btn ui-corner-all ui-btn-inline ui-btn-icon-left ui-icon-search"
           onclick="gotoQuery()">查询</a>
    </div>

    <div data-role="content">
        <table id="dbzb-result" data-role="table" data-mode="columntoggle" class="ui-responsive table-stroke">
            <thead>
            <tr>
                <!-- 如果列比较多，屏幕比较窄 则会优先显示 data-priority = "1"的  数越小优先级越高 -->
                <th data-priority="1">单位</th>
                <th data-priority="0">值班</th>
                <th data-priority="0">带班</th>
            </tr>
            </thead>

            <tbody>
            </tbody>
        </table>
    </div>
</div>

<!-- 带班值班2 -- 录入参数页面 -->
<div data-role="page" id="dbzb2" data-add-back-btn="true">
    <div data-role="header" data-theme="b" style="height: 3.5em">
        <a href="index2.html" data-ajax="false" data-role="button" class="ui-btn-left" data-icon="arrow-l"
           data-iconpos="notext"></a>

        <h1 style="font-size: large">带班值班</h1>
    </div>

    <div data-role="content">
        <label for="date">日期:</label>
        <input id="date" type="text" data-role="datebox"
               data-options='{"mode": "flipbox", "useButton": true}' data-mini="true">

        <span style="color: red">*默认查询当日带班值班信息</span>

        <label for="banci">班次:</label>
        <select id="banci" data-native-menu="false">
            <option value="早班">早班</option>
            <option value="中班">中班</option>
            <option value="夜班">夜班</option>
        </select>
        <span style="color: red">*默认查询当前时间所属的班次信息</span>
        <br>
        <a class="ui-shadow ui-btn ui-corner-all ui-btn-inline ui-btn-icon-left ui-icon-search"
           onclick="getDbzbData()">查询</a>

    </div>
</div>


<!-- 带班值班3 -- 查询结果页面(矿层面) -->
<div data-role="page" id="dbzb3" data-add-back-btn="true">
    <div data-role="header" data-theme="b" style="height: 3.5em">
        <a href="index2.html" data-ajax="false" data-role="button" class="ui-btn-left" data-icon="arrow-l"
           data-iconpos="notext"></a>

        <h1 style="font-size: large">带班值班</h1>

        <a class="ui-shadow ui-btn ui-corner-all ui-btn-inline ui-btn-icon-left ui-icon-search"
           onclick="gotoQuery()">查询</a>
    </div>

    <div data-role="content">
        <table id="dbzb2-result" data-role="table" data-mode="columntoggle" class="ui-responsive table-stroke">
        <thead>
            <tr>
                <!-- 如果列比较多，屏幕比较窄 则会优先显示 data-priority = "1"的  数越小优先级越高 -->
                <th data-priority="0">值班</th>
                <th data-priority="0">带班</th>
            </tr>
            </thead>

            <tbody>
            </tbody>
        </table>
    </div>
</div>
</body>
</html>